@charset "utf-8";

.aboutListConfig { border:1px solid #ccc; padding:5px; line-height:160%; margin-bottom:20px; }

.targetItem strong , .displayItem strong { margin-bottom:5px; display:block;}
.targetItem { float:left; width:250px; overflow:hidden; *zoom:1; margin-left:30px; }
.displayItem { float:left; width:250px; overflow:hidden; *zoom:1; }
.displayItem select, .targetItem  select { width:99%;  overflow:hidden; *zoom:1;}

.displayButton { float:left; width:40px; text-align:center; margin-top:80px; }
.displayButton a { margin-bottom:10px; }

a.buttonView {
width: 16px;
height: 16px;
background-image: url(../images/icon_view.gif);
background-repeat: no-repeat;
border: 0;
background-color: transparent;
vertical-align: middle;
display: inline-block;
text-decoration: none;
}

a.buttonDashboard {
width: 16px;
height: 16px;
background-image: url(../images/icon_dashboard.png);
background-repeat: no-repeat;
border: 0;
background-color: transparent;
vertical-align: middle;
display: inline-block;
text-decoration: none;
}

/* Dashboard Statistic */
.dashboardStatistic{ position:relative; width:100%; height:183px; _height:189px; *zoom:1; margin-bottom:30px;}
.dashboardStatistic .statistic{ position:relative; height:138px; padding:20px 20px 25px 20px; background:url(../img/bgDashboardStatistic.gif) repeat-x left top; font-size:12px; line-height:1;}
.dashboardStatistic .statistic:after{ content:""; display:block; clear:both;}
.dashboardStatistic .outline{position:absolute; overflow:hidden; font-size:0; line-height:0; background-image:url(../img/bgDashboardStatistic.gif);}
.dashboardStatistic .outline.ml{ top:0; left:-2px; width:4px; height:100%; background-position:left -300px; background-repeat:no-repeat;}
.dashboardStatistic .outline.mr{ top:0; right:-2px; width:4px; height:100%; background-position:right -300px; background-repeat:no-repeat;}
.dashboardStatistic .outline.tc{ top:0; left:0; width:100%; height:3px; background-position:left -600px; background-repeat:repeat-x;}
.dashboardStatistic .outline.bc{ bottom:0; left:0; width:100%; height:5px; background-position:left bottom; background-repeat:repeat-x;}
.dashboardStatistic .outline.tl{ top:0; left:-2px; width:4px; height:3px; background-position:left -603px; background-repeat:no-repeat;}
.dashboardStatistic .outline.tr{ top:0; right:-2px; width:4px; height:3px; background-position:right -603px; background-repeat:no-repeat;}
.dashboardStatistic .outline.bl{ bottom:0; left:-2px; width:4px; height:5px; background-position:left -606px; background-repeat:no-repeat;}
.dashboardStatistic .outline.br{ bottom:0; right:-2px; width:4px; height:5px; background-position:right -606px; background-repeat:no-repeat;}

.dashboardStatistic .statistic h4{ font-size:12px; height:22px; width:67%; margin:0 0 10px 0; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x 0 -22px; text-align:center;}
.dashboardStatistic .statistic h4 span{ display:block; height:18px; padding-top:4px; margin:0 1px; color:#747482; background:url(../img/bgDashboardStatisticHeader.gif) repeat-x;}
.dashboardStatistic .statistic h4 em{ font-style:normal; font-size:9px; color:#b7b7c4; margin-left:5px;}

.dashboardStatistic dl{ position:relative; float:left; height:100px; margin:0; background:url(../img/vrDashboardStatistic.gif) no-repeat left center;}
.dashboardStatistic dt { position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.dashboardStatistic dd { position:absolute; margin:0; padding-top:40px; width:100%; text-align:center;  font-size:56px; font-weight:bold;}
.dashboardStatistic dd.text { position:absolute; margin:0;padding-top:20px; width:100%; text-align:center; font-size:14px; font-weight:bold;}
.dashboardStatistic dd object,
.dashboardStatistic dd embed{ vertical-align:top;}
.dashboardStatistic dl.visit{ background:none; width:17%;}
.dashboardStatistic dl.visit dd{ background-position:center 5px; color:#e3391d ;}
.dashboardStatistic dl.reply { background:none; width:17%;}
.dashboardStatistic dl.reply dd{ background-position:center -195px; color:#28313d;}
.dashboardStatistic dl.trackback { background:none; width:17%;}
.dashboardStatistic dl.trackback dd{ background-position:center -395px; color:#4e4f54;}

.dashboardStatistic .summary{ float:right; width:30%; margin-top:-27px;}
.dashboardStatistic .summary caption{ position:relative; padding-bottom:20px; text-align:left; font-size:12px; line-height:1; font-weight:bold; color:#626972;}
.dashboardStatistic .summary table,
.dashboardStatistic .summary th,
.dashboardStatistic .summary td{ border-spacing:0; border:0; font-weight:normal; text-align:left;}
.dashboardStatistic .summary table{ width:100%; border-bottom:1px solid #e3e6e6;}
.dashboardStatistic .summary th,
.dashboardStatistic .summary td{ padding-top:6px; padding-bottom:6px; border-top:1px solid #e3e6e6; vertical-align:top;}
.dashboardStatistic .summary th{ padding-left:18px; padding-right:12px; white-space:nowrap; color:#8b8b8b; background:url(../img/iconDashboardSummary.gif) no-repeat 2px 9px;}
.dashboardStatistic .summary td{ color:#555;}
.dashboardStatistic .summary td strong{ font-size:11px; color:#ea3f22;}
.dashboardStatistic .summary td .description{ color:#8b8b8b;}
.dashboardStatistic .summary td .description strong{ color:#8b8b8b;}